﻿<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title></title>
	<meta charset="utf-8" />
	<link href="../../dist/css/ud2.css" rel="stylesheet" />
	<link href="../src/test.css" rel="stylesheet" />
	<script src="../../vendor/js/jquery.js"></script>
	<script src="../../dist/js/ud2.js"></script>
</head>
<body>

	<h3>单选与多选样式</h3>

	<fieldset>
		<legend>样式</legend>
		<div>
			<h5>多选默认样式</h5>
			<p>
				<input type="radio" class="radio" /> 未选中&nbsp;
				<input type="radio" class="radio" checked /> 选中
			</p>

			<hr class="hr" />

			<h5>单选被禁用样式</h5>
			<p>
				<input type="radio" class="radio" disabled /> 未选中被禁用&nbsp;
				<input type="radio" class="radio" checked disabled /> 选中被禁用
			</p>

			<hr class="hr" />

			<h5>多选默认样式</h5>
			<p>
				<input type="checkbox" class="check" /> 未选中&nbsp;
				<input type="checkbox" class="check" checked /> 选中
			</p>

			<hr class="hr" />

			<h5>多选被禁用样式</h5>
			<p>
				<input type="checkbox" class="check" disabled /> 未选中被禁用&nbsp;
				<input type="checkbox" class="check" checked disabled /> 选中被禁用
			</p>
		</div>
	</fieldset>

</body>
</html>
